<template>
	<view>
        <view class="center container-ask-detail">

            <view class="row">
                <!--问-->
                <view class="ask-w">
                    <view class="ask-wtop">
                        <view class="ask-wlogo">
                            <!-- <img src="@/static/img00/dian.png" alt=""> -->
                        </view>
                        <p>想了解楼盘的产权是多少年</p>
                    </view>

                    <view class="ask-wcont">
                        <view class="ask-wcont-field">
                            <span>何先生</span>
                            <span></span>
                            <span style="float: right;">2020-09-25</span>
                        </view>
                    </view>
                </view>
            </view>
 <popThree></popThree>
            <view class="row">
                <!--答案-->
                <view class="ask-d">
                    <view class="ask-dtop">
                        <view class="message">
                            <view class="pic">
                                <!-- <img src="@/static/img00/care.png"> -->
                            </view>
                            <view class="message-des">
                                <view class="name-school">
                                    <span class="name">唐菲凡</span>
                                    <span class="school">浙江财经大学</span>
                                </view>
                                <view class="number">
                                    <span> 咨询人数 <i>1436人</i> </span>
                                    <span> 考察楼盘 <i>366次</i> </span>
                                </view>
                            </view>
                        </view>
                        <view class="mes-tw" @click="open"> 免费提问 </view>
                    </view>

                    <view class="ask-logo-wcont">
                        <view class="ask-dlogo">
                            <!-- <img src="@/static/img00/dian.png" alt=""> -->
                        </view>
                        <view class="ask-wcont">
                            <p>普通住宅:70年住宅底商:40年</p>
                        </view>

                        <view class="time">2020-09-25 23:35:17</view>
                    </view>   
                </view>       
            </view>

            <view class="row row-ask">
                <view class="go-ask">
                    <p>立即提问，得到专业咨询师1对1的解答</p>
                    <view class="btn-area">
                        <button class="btn btn-consult">咨询热线</button>
                        <button type="button" class="btn btn-find ">留言提问</button>

                    </view>
                </view>
            </view>

             <view class="row row-ask">
                <view class="go-ask">
                    <view class="hd">
                        <h2>此问答相关楼盘</h2>
                    </view>

                    <!-- <recommend></recommend> -->

                </view>
            </view>

           
            <!-- 弹框 -->
               <!-- <button @click="open">打开弹窗</button>-->
                        <!-- <uni-popup ref="popup" type="center">
                            <p class="qwe">底部弹出 Popup</p>   
                        </uni-popup>  -->
        </view>
	</view>
</template>

<script>


// import popThree from 'components/pop-up/pop-three'

    import recommend from 'pages/index/recommend';



	export default {
        components: {
            
            popThree,

            recommend,
        },
        
		data() {
			return {
				
			}
		},
		methods: {


		}
	}
</script>

<style scoped>
/* .qwe{
    color: red;
    background: #FFF;
    height: 20rem;
    width: 20rem;
} */
    .row{
        background: #fff;
        margin-top: 20upx;
    }
    .ask-w,.ask-d{
        margin:0 40upx 0 40upx;
        padding: 40upx 0 40upx 0;
    }
    .ask-wtop>p{
        font-size: 32upx;
        font-weight: 550;
        margin-left: 70upx;
        line-height: 50upx;

    }
    .ask-wlogo{
       width: 50upx;
       height: 50upx;
       float: left;
    }
    .ask-wlogo>img{
        width: 100%;
        height: 100%;
    }
    .ask-wcont-field>span{
        color: #77808a;
        font-size: 24upx;
    }
    .ask-dtop{
        display: flex;
        padding-bottom: 30upx;
        border-bottom: .5px solid #e2e9f0;
    }

    .pic{
        height: 80upx;
        width: 80upx;
        float: left;
    }
    .pic>img{
        height: 80upx;
        width: 80upx;
        border-radius: 50%;
    }
    .message{
        float: left;
    }
    .message-des{
        height: 80upx;
        width: 410upx;
        margin-left: 100upx;
        font-size: 24upx;
        line-height: 40upx;
    }
    .name{
        font-size: 28upx;
        color: #3e4a59;
    }
    .school{
        margin-left: 20upx;
        color: #77808a;
    }
    .number{
        margin-right: 5upx;
    }
    .number>span>i{
        margin-left: 10upx;
        margin: 0 10upx 0 10upx;
        font-style: normal;
        color: #ff6e72;
    }
    .mes-tw{
        height: 56upx;
        width: 150upx;
        margin-top: 25upx;
        background: #e3f6fe;
        color: #13c3c3;
        text-align: center;
        line-height: 56upx;
        border-radius: 10upx;
    }

    .ask-logo-wcont{
        margin-top: 20upx;
    }
    .ask-dlogo{
        height: 48upx;
        width: 48upx;
        float: left;
    }
    .ask-dlogo>img{
        height: 100%;
        width: 100%;
    }
    .ask-wcont{
        line-height: 48upx;
        margin-left: 70upx;
    }
    .time{
        margin-top: 30upx;
        margin-left: 80upx;
        font-size: 24upx;
        color: #77808a;
    }   
    .go-ask{
        padding: 52upx 32upx;
    }
    .go-ask>p{
         text-align: center;
    }
    
    .btn{
        height: 80upx;
        width: 320upx;
        color: #fff;
        margin-top: 40upx;
        border-radius: 10upx;
        font-size: 30upx;
    }
    .btn-consult{
        background: #13c3c3;
    }
    .btn-find{
        background: #fa5f35;
         margin-left: 40upx;
    }
</style>
